<title>会员套餐管理</title>

<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
        <a lay-href="">主页</a>
        <a><cite>会员套餐</cite></a>
        <a><cite>会员套餐管理</cite></a>
    </div>
</div>

<div class="layui-fluid">
    <div class="layui-card">

        <div class="layui-card-body">
            <div style="padding-bottom: 10px;">
                <button class="layui-btn layuiadmin-btn-admin" data-type="batchdel">删除</button>
                <button class="layui-btn layuiadmin-btn-admin" data-type="add">添加</button>
            </div>

            <table id="LAY-vip-back-manage" lay-filter="LAY-vip-back-manage"></table>
            <script type="text/html" id="table-vipadmin-admin">
                <a class="layui-btn layui-btn-normal layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>
                <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del"><i class="layui-icon layui-icon-delete"></i>删除</a>
            </script>
        </div>
    </div>
</div>

<script>
    layui.use('useradmin', layui.factory('useradmin')).use(['admin', 'useradmin', 'table'], function(){
        var $ = layui.$
            ,admin = layui.admin
            ,view = layui.view
            ,table = layui.table
            ,form = layui.form;

        form.render(null, 'layadmin-useradmin-formlist');

        //事件  批量删除
        var active = {
            batchdel: function(){
                var checkStatus = table.checkStatus('LAY-vip-back-manage')
                    ,checkData = checkStatus.data; //得到选中的数据
                if(checkData.length === 0){
                    return layer.msg('请选择数据');
                }
                layer.confirm('确定删除吗？', function(index) {
                    var arr = checkStatus.data;  //得到选中数据的数组
                    //遍历数组，获得id的数组
                    var idArr=[];
                    for (var i = 0; i < arr.length; i++) {
                        idArr[i]=arr[i].id;
                    }
                    console.log(idArr);
                    //执行 Ajax 后重载
                    $.ajax({
                        url:'/backstage/vip/deleteBatch',
                        dataType:'json',
                        data:{"idArr":idArr},
                        traditional: true,
                        success:function (info) {
                            console.log(info);
                            if(info.code==="200"){
                                layui.table.reload('LAY-vip-back-manage'); //重载表格
                                layer.msg('已删除');
                            }else{
                                layer.msg('删除失败');
                            }
                        }
                    })
                });
            }
            ,add: function(){    //添加数据
                admin.popup({
                    title: '添加'
                    ,area: ['420px', '350px']
                    ,id: 'LAY-popup-useradmin-add'
                    ,success: function(layero, index){
                        view(this.id).render('user/administrators/addVip').done(function(){
                            form.render(null, 'layuiadmin-form-admin');

                            //监听提交
                            form.on('submit(LAY-vip-back-submit)', function(data){
                                var field = data.field; //获取提交的字段
                                console.log(field);
                                var level = field.level;
                                var capacity = field.capacity;
                                var price = field.price;
                                //提交 Ajax 成功后，关闭当前弹层并重载表格
                                $.ajax({
                                    url:'/backstage/vip/addVip',
                                    dataType:'json',
                                    data:{"level":level,"capacity":capacity,"price":price},
                                    success:function (info) {
                                        if (info.code==="200"){
                                            layui.table.reload('LAY-vip-back-manage'); //重载表格
                                            layer.msg("添加成功");
                                            layer.close(index); //执行关闭
                                        }else{
                                            layer.msg("添加失败");
                                            layer.close(index); //执行关闭
                                        }
                                    }
                                });
                            });
                        });
                    }
                });
            }
        }
        $('.layui-btn.layuiadmin-btn-admin').on('click', function(){
            var type = $(this).data('type');
            active[type] ? active[type].call(this) : '';
        });
    });
</script>
<script>
    layui.use('laydate', function() {
        var laydate = layui.laydate;
        /*加载日历*/
        laydate.render({
            elem: '#startTime'
            ,type: 'datetime'
        });
        laydate.render({
            elem: '#endTime'
            ,type: 'datetime'
        });
    });
</script>